opacity
Прозрачность элемента
Свойство opacity управляет прозрачностью элемента. С его помощью можно полностью спрятать текст или элемент. А можно сделать полупрозрачным — дизайнеры любят такой приём на современных сайтах. .
visibility
Сделать элемент невидимым
Если при помощи opacity можно гибко изменять прозрачность элемента и делать его, например, видимым на 33%, то свойство visibility имеет только два состояния: видимый и невидимый.
clip
Сделать часть элемента невидимой
С помощью свойства clip можно обрезать элемент, оставив видимой только его часть.
clip-path
Обрезание видимой части элемента
Свойство clip-path задаёт видимую область изображения. Всё, что выходит за пределы указанной области скрывается.